<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div id="app">我的年龄18岁</div>
    <button onclick="btnFtn()">时光计时器</button>
  </body>
</html>
<script>
  let obj = {
    age: 18,
    name: "安倍晋三",
  };

  //   console.log(obj.age);
  // 第一个 参数 要劫持的 对象，
  // 第二个参数 对象的属性名，
  // 第三个是选项
  //   let num = null;
  //   Object.defineProperty(obj, "age", {
  //     get() {
  //       // 获取 age 的时候，会触发
  //       //   console.log("get方法");
  //       return num;
  //     },
  //     set(val) {
  //       // val 设置的值
  //       // 给age 重新赋值的时候会触发
  //       //   console.log("");
  //       let dom = document.querySelector("#app");
  //       dom.innerHTML = `我的年龄${val}岁`;
  //       num = val;
  //     },
  //   });
  //   obj.age = 19;
  //   console.log(obj.age);
  //   function btnFtn() {
  //     obj.age++;
  //   }
</script>
